<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        /*   div, p{}  复合选择器, 标识div标签和p标签, 都应用某种样式    */
        /*
        div, p{
            width: 100px;
            height: 100px;
            background: red;
        }
        */

        /*   div, .p1{}  复合选择器, 标识div标签和 类名叫p1的标签, 都应用某种样式    */
        /*
        div, .p1{
            width: 100px;
            height: 100px;
            background: red;
        }
        */

        /*   div  p{}  复合选择器, 标识div标签里面的p标签, 应用某种样式    */
        div  p{
            width: 100px;
            height: 100px;
            background: red;
        }
    </style>
</head>
<body>

    <div>
        div
        <!--<p>-->
            <!--son-p-->
        <!--</p>-->
    </div>
    <p class="p1">
        p
    </p>

</body>
</html>
